<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <base th:href="${#request.contextPath}+'/'">
    <title>登录页</title>
    <link href="c/base.css" rel="stylesheet" type="text/css">
    <link href="c/toefl.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="j/jQuery.js"></script>
    <script>
        $(function () {
            var $form =$("input[class*='login_input']");
            // 进行登录操作
            $(".login_Button").click(function () {
                if ($(".login_inputYhm") == '') {
                    alert('用户名不能为空');
                    return false;
                } else if ($(".login_inputMm") == '') {
                    alert('密码不能为空');
                    return false;
                } else if ($(".login_inputYzm") == '') {
                    alert('验证码不能为空');
                    return false;
                }  else {
                    $.ajax({
                        type : "POST",
                        url : "user/login",
                        data : $form,
                        success : function (data) {
                            if(data=="success"){
                                alert('登录成功',{icon: 1},function () {
                                    window.location = 'index.html';
                                });
                            }else {
                                alert('登录失败',{icon: 2});
                            }

                        }
                    })
                }
            })

        })
    </script>
</head>

<body>
<div class="doc1180">
    <div class="header">
        <div class="logo"><a href="####"><img src="i/logo.png"></a></div>
        <div class="headerLink">
            <a class="###" href="登陆注册/登录页.html">登录</a>
            <a class="###" href="登陆注册/注册页.html">注册</a>
        </div>
    </div>
</div>
<div class="menu">
    <div class="doc1180">
        <div class="menuLink">
            <ul class="fn-clear">
                <li><a href="###">首页</a></li>
                <li><a href="###">托福人</a></li>
                <li><a href="###">公开课</a></li>
                <li><a href="###">群组聊</a></li>
                <li><a href="###">自习室</a></li>
                <li><a href="###">福利城堡</a></li>
            </ul>
        </div>
        <div class="fenxiang">
            <a href="#" class="weibo"><img src="i/weibo.png"></a>
            <a href="#" class="weixin"><img src="i/weixin.png"></a>
        </div>
    </div>
</div>
<div class="doc1180">
    <div class="login">
        <div class="login_left">
            <h3 class="login_h3">欢迎登录人人托福</h3>
            <div class="login_sr"><input type="text" class="login_inputYhm" value="用户名" name="loginname"></div>
            <div class="login_sr"><input type="text" class="login_inputMm" value="密码" name="password"></div>
            <div class="login_sr fn-clear"><input name="code" type="text" class="login_inputYzm" value="验证码" >
                <div class="login_inputYzmPic"><img src="i/yzm.png"></div>
                <a href="###" class="login_inputYzmH">看不清，还一张</a></div>
            <div class="login_xieyi"><input name="" type="checkbox" value=""
                                            style="margin-right:10px; vertical-align:middle;">我同意<a href="###">《人人托福网服务协议》</a>
            </div>
            <div><a href="###" class="login_Button">登录</a></div>
            <div class="login_zcymm"><a href="###">注册帐号</a><a href="###" class="login_zhmm">找回密码</a></div>
        </div>
        <div class="login_right">
            <div class="login_rightH3">您也可以使用以下方式登录：</div>
            <div class="login_sanfang"><a href="###"><img src="i/login_wb.png">新浪微博</a></div>
            <div class="login_sanfang"><a href="###"><img src="i/login_qq.png">QQ登录</a></div>
            <div class="login_sanfang"><a href="###"><img src="i/login_qw.png">腾讯微博</a></div>
            <div class="login_sanfang"><a href="###"><img src="i/login_rr.png">人人网</a></div>
            <div class="login_shouquan">授权后表明你已同意 <a href="###">《人人托福网服务协议》</a></div>
        </div>
    </div>
</div>
<div class="flink">
    <div class="flinkTop"></div>
    <div class="flinkBody">
        <h3>友情链接</h3>
        <ul>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="doc1180">
        <div class="footerLink">
            <a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>

</body>
</html>
